<include file="Public/header"/>
<div class="row">
  <div class="col-md-12">
    <form class="layui-form" id="groupForm" method="post" autocomplete="off" action="">
      <div class="layui-form-item">
        <label class="layui-form-label">角色名称：</label>
        <div class="layui-input-inline">
          <input type="text" name="title" lay-verify="required" placeholder="请输入角色名称" autocomplete="off"  id="title" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <label class="layui-form-label">是否验证：</label>
        <div class="layui-input-block">
          <input type="checkbox" checked="" name="is_manager" lay-skin="switch" lay-filter="switchTest"
                 lay-text="ON|OFF">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn" lay-submit lay-filter="user">立即提交</button>
          <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
      </div>
    </form>
  </div>
</div>
<include file="Public/footer"/>
<script>
  layui.use(['layer', 'form'], function(){
      var $ = layui.jquery
          ,form = layui.form
          ,layer = layui.layer;

      //监听提交
      form.on('submit(user)', function(data){
          $.ajax({
              url:"<{:U('Auth/addGroup')}>",
              type:"post",
              data:$('#groupForm').serialize(),
              success:function(res){
                  if(res.status){
                      layer.alert("操作成功", {icon: 6},function () {
                          parent.location.reload();
                          var index = parent.layer.getFrameIndex(window.name);
                          parent.layer.close(index);
                      });
                  }else{
                      layer.msg(res.msg ? res.msg : "操作失败!", {icon: 5},function () {
                          var index = parent.layer.getFrameIndex(window.name);
                          parent.layer.close(index);
                      });
                      return false;
                  }
              }
          });
          return false;
      });
  });
</script>
</body>
</html>